<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="utf-8">
  <title>皮皮的图床</title>
  <link rel="shortcut icon" href="./favicons/smirking-cat.png" type="image/png" />
  <link rel="icon" href="./favicons/smirking-cat.png" type="image/png" />
  <style>
    body {
      width: 100%;
      overflow: hidden;
      text-align: center;
      background: url(./others/bg_symphony.png);
    }

    .title {
      font-size: 50px;
      font-weight: bolder;
      color: #3385ff;
    }

    .content {
      font-size: 15px;
      color: gray;
    }

    .account {
      font-size: 25px;
      font-weight: bold;
      color: #3385ff;
    }

    .account::before {
      width: 0px;
      height: 0px;
      content: '';
      display: inline-block;
      border-width: 6px;
      border-style: solid;
      border-color: transparent transparent transparent #3385ff;
      transform: translateY(-25%);
    }

    .account::after {
      width: 0px;
      height: 0px;
      content: '';
      display: inline-block;
      border-width: 6px;
      border-style: solid;
      border-color: transparent #3385ff transparent transparent;
      transform: translateY(-25%);
    }

    .qr-code {
      margin-top: 20px;
      transition: transform 0.5s;
    }

    .qr-code:hover {
      transform: scale(1.25);
    }
  </style>
</head>

<body>
  <div class="title">Hello</div>
  <hr />
  <p>What are you doing here?</p>
  <p class="content">不会吧不会吧？不会还有人没关注这个公众号吧？</p>
  <p class="account">「菜鸟小栈」</p>
  <img class="qr-code" src="./weixin/official-account.png" />
</body>

<script type="text/javascript">
  console.log(`%c

    😺

    你好呀！
    
    我是陈皮皮！

    我的主页：https://gitee.com/ifaswind

    我的博客：https://chenpipi.cn

    欢迎关注我的微信公众号「菜鸟小栈」

    专注但不仅限于游戏开发和前端技术分享

    Hope to see you soon~

  `, 'color: #409EFF;');
</script>

</html>